<template>
  <div>
    <div>
      <el-container id="imp">
        <el-container class="init">
          <el-aside width="280px">
            <Aside></Aside>
          </el-aside>
          <el-main width="1300px">
            <Main></Main>
          </el-main>
        </el-container>
      </el-container>
    </div>
    <div class="mainbottom">
      <MainBottom></MainBottom>
    </div>
  </div>
</template>

<script>
import Aside from "../../components/wzy/aside";
import Main from "../../components/lh/main";
import MainBottom from "../../components/wzy/mainbottom";
export default {
  //   name: "Home",
  components: {
    Aside,
    Main,
    MainBottom
  }
};
</script>

<style scoped>
.mainbottom {
  width: 1200px;
  margin: 0 auto;
}
#imp {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}
.init {
  width: 1200px !important;
  margin: 0 auto;
  height: 2000px;
  overflow: hidden !important;
}
.el-aside {
  /* background-color: #d3dce6; */
  color: #333;
  margin-right: 20px;
}

.el-main {
  color: #333;
  overflow: hidden;

  color: #333;
  overflow: hidden;
  width: 1000px;
}

body > .el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}
</style>